<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>AdminLTE 2 | General Form Elements</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet" href="../../bower_components/bootstrap/dist/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="../../bower_components/font-awesome/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="../../bower_components/Ionicons/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- Google Font -->
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
    <div class="content-wrapper">
        <section class="content">
            <div class="row">
                <!-- left column -->
                <div class="col-md-6">
                    <!-- general form elements -->
                    <div class="box box-primary">

                        <!-- /.box-header -->
                        <!-- form start -->
                        <form role="form">
                            <div class="box-body">
                                <div class="form-group">
                                    <label for="exampleInput商品ID">商品Id</label>
                                    <input type="number" class="form-control" id="exampleInput商品Id"
                                           placeholder="Enter 商品ID">
                                </div>
                                <div class="form-group">
                                    <label for="exampleInput商品名称">商品名称</label>
                                    <input type="text" class="form-control" id="exampleInput商品名称" placeholder="商品名称">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="exampleInput库存">库存</label>
                                <input type="number" class="form-control" id="exampleInput库存" placeholder="库存">
                            </div>

                            <div class="form-group">
                                <label for="exampleInput商品信息描述">商品信息描述</label>
                                <input type="text" class="form-control" id="exampleInput商品信息描述" placeholder="商品信息描述">
                            </div>
                            <div class="form-group">
                                <label for="exampleInput市场价">市场价</label>
                                <input type="number" class="form-control" id="exampleInput市场价" placeholder="市场价">
                            </div>
                            <div class="form-group">
                                <label for="exampleInput销售价">销售价</label>
                                <input type="number" class="form-control" id="exampleInput销售价" placeholder="销售价">
                            </div>
                            <div class="form-group">
                                <label for="exampleInput销售日期">销售日期</label>
                                <input type="date" class="form-control" id="exampleInput销售日期" placeholder="销售日期">
                            </div>
                            <div class="form-group">
                                <label for="exampleInput热度">热度</label>
                                <input type="number" class="form-control" id="exampleInput热度" placeholder="热度">
                            </div>
                            <div class="form-group">
                                <label for="exampleInput评分">评分</label>
                                <input type="number" class="form-control" id="exampleInput评分" placeholder="评分">
                            </div>
                            <div class="form-group">
                                <label for="exampleInput类目ID">类目ID</label>
                                <input type="number" class="form-control" id="exampleInput类目ID" placeholder="类目ID">
                            </div>


                            <p class="help-block">Example block-level help text here.</p>
                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox"> Check me out
                        </label>
                    </div>
                </div>
                <!-- /.box-body -->

                <div class="box-footer">
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
                </form>
        </section>
    </div>
</div>
</div>
</div>
</div>
<!-- jQuery 3 -->
<script src="../../bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- FastClick -->
<script src="../../bower_components/fastclick/lib/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script>
</body>
</html>